<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="../styles/common.css">
    <link rel="stylesheet" href="../styles/shopFooter.css">
    <link rel="stylesheet" href="../styles/footer.css">
    <link rel="stylesheet" href="../styles/carts.css">
</head>
<body>
    <!-- 头部 -->
    <div class="c_header">
        <div class="c_h_box">
            <ul class="c_h_ul">
                <li><a href="../html/index.html">返回首页</a></li>
                <li class="my">
                    <a href="#" class="username">18337833051</a>
                    <ul>
                        <li><a href="../html/index.html">我的商城</a></li>
                        <li><a href="#" class="quit">退出登录</a></li>
                    </ul>
                </li>
                <li><a href="#">我的订单</a></li>
            </ul>
        </div>
    </div>
    <!-- top -->
    <div class="c_top clear">
        <img src="https://m1.lefile.cn/trade/cn/pc/images/base/pic-13.jpg" alt="">
        <img src="https://m1.lefile.cn/trade/cn/pc/images/base/pic-12.jpg" alt="">
    </div>
    <!-- 商品列表 -->
    <div class="mylist">
        <div class="bc_table">
            <table cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <th colspan="3" width="462">商品</th>
                        <th width="163">规格</th>
                        <th width="152">单价</th>
                        <th width="152">数量</th>
                        <th width="152">金额</th>
                        <th width="117">操作</th>
                    </tr>
                </tbody>
            </table>
            <table cellpadding="0" cellspacing="0" class="shows hide">
                <tbody class="big_boxs">
                    <!-- <tr>
                        <td width="57" class="c_item"><a href="#"></a></td>
                        <td width="148" class="c_img">
                            <a href="#">
                                <img src="https://p4.lefile.cn/product/adminweb/2019/04/26/caOZnluiEWuHMv8wVPH5XIEDA-0222.jpg" alt="">
                            </a>
                        </td>
                        <td width="257" class="c_title">
                            <a href="#">拯救者 Y7000 2019高色域 英特尔酷睿i5 15.6英寸游戏笔记本 黑色</a>
                            <div class="bc_service">
                                <a href="#" class="bc_dd">
                                    <img src="https://m1.lefile.cn/trade/cn/pc/images/base/lenovo_icon.jpg" alt="">
                                    &nbsp; 购买联想服务
                                </a>
                            </div>
                        </td>
                        <td width="163"></td>
                        <td width="152">
                            <span class="c_price">6399.00</span>
                        </td>
                        <td width="152">
                            <label class="i_box clear">
                                <input type="button" value="-" class="c_reduce">
                                <input type="text" value="1" class="c_num">
                                <input type="button" value="+" class="c_add">
                            </label>
                        </td>
                        <td width="152" class="c_red">6399.00</td>
                        <td width="117">
                            <a href="#">删除</a>
                        </td>
                    </tr> -->
                </tbody>
            </table>
        </div>
        <div class="bc_num clear hide" >
            <!-- <div class="c_n_left">
                <div class="c_all clear">
                    <a href="javascript: ;"></a>
                    <span>全选</span>
                </div>
            </div> -->
            <ul class="c_n_right">
                <li class="SUM">商品总价：0.00</li>
                <li>优惠节省</li>
                <li>
                    合计
                    <span class="c_red totals">0.00</span>
                </li>
            </ul>
        </div>
        <div class="bc_bottom hide" >
            <a href="#">去结算</a>
        </div>
        <div class="c_null clear">
            <h3>您的购物车内暂无商品,您可以</h3>
            <div class="c_null_btn">
                <a href="../html/index.html">选购商品</a>
            </div>
        </div>
    </div>
    <!-- 商品底部 -->
    <div class="shop_footer">
        <div class="shop_F_title">
            <img src="https://p3.lefile.cn/product/adminweb/2016/04/25/8518047e-a59d-4123-ad1f-4a68391ec161.jpg" alt="">
        </div>
        <div class="shop_F_link">
            <div class="w1200">
                <div class="S_F_L_main">
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">配送方式</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                    <dl class="padding_none">
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#">服务商信息</a>
                            <a href="#">购买流程</a>
                            <a href="#">注册登录</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <ul class="footer_top clear">
            <li class="about_lenovo">
                <a href="#" class="footer_top_title">关于联想</a>
                <a href="#">投资者关系</a>
                <a href="#">加入我们</a>
                <a href="#">联系我们</a>
                <a href="#">销售网点查询</a>
                <a href="#">服务网点查询</a>                
            </li>
            <li class="shop_lenovo">
                <a href="#" class="footer_top_title">联想商城</a>
                <a href="#">0元试用</a>
                <a href="#">极速到家</a>
                <a href="#">联想合伙人</a>
                <a href="#">私人定制</a>
                <a href="#">以旧换新</a>    
                <a href="#">联想众筹</a>                
            </li>
            <li class="service_lenovo">
                <a href="#" class="footer_top_title">联想服务</a>
                <a href="#">驱动与软件下载</a>
                <a href="#">联想知识库</a>
                <a href="#">24小时智能客服</a>
                <a href="#">保修配置查询</a>
                <a href="#">服务政策查询</a>  
                <a href="#">上门快修</a>                
                <a href="#">延长保修</a>
                <a href="#">联想IT管理服务</a>                
            </li>
            <li class="lenovo_website_group">
                <a href="#" class="footer_top_title">联想网站群</a>
                <a href="#">联想创投</a>
                <a href="#">聚享汇</a>
                <a href="#">联想电脑管家</a>
                <a href="#">联想超融合</a>
                <a href="#">联想研究院</a>  
                <a href="#">智慧医疗</a>                
                <a href="#">联想百应平台</a>                
                <a href="#">联想租赁商城</a>                
                <a href="#">联想企业网盘</a>                
                <a href="#">ThinkPad官网</a>                
                <a href="#">lecoo商城</a>                
                <a href="#">联想大数据</a>                
            </li>
            <li class="share">
                <h6>联想官方社交平台</h6>
                <ul class="share_list clear">
                    <li>
                        <a href="#">
                            <p class="qqzone"></p>
                            <p class="lightqqzone"></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p class="weibo"></p>
                            <p class="lightweibo"></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p class="fun_icon"></p>
                            <p class="light_fun_icon"></p>
                        </a>
                    </li>
                </ul>
                <div class="clear">
                    <a href="#" class="weibo_icon">
                        <p class="wei_bo"></p>
                        <p class="light_wei_bo"></p>
                    </a>
                    <a href="#" class="tieba_icon">
                        <p class="tieba"></p>
                        <p class="light_tieba"></p>
                    </a>
                </div>
                <div class="select_country">选择国家和地区</div>
                <div class="country_options">
                    <div class="all_country">
                        <ul>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                        </ul>
                    </div>
                    <div class="cn_img"></div>
                </div>
            </li>
        </ul>
        <div class="footer_bot">
            <div class="footer_bot_content clear">
                <div class="footer_bot_l ">
                    版权所有：1998-2019 联想集团
                    <span>|</span> 
                    <a href="#">法律公告</a>
                    <span>|</span> 
                    <a href="#">隐私权政策</a>
                    <span>|</span> 
                    <a href="#">产品安全</a>
                </div>
                <div class="footer_bot_r">
                    <a href="#">京ICP备11035381</a>
                    <span>|</span>
                    <i>京公网安备110108007970号</i>
                    <span>|</span>
                    <a href="#">营业执照：91110108700000458B</a>
                </div>
            </div>
        </div>
    </div>
    <script src="../scripts/libs/jquery.js"></script>
    <script type="module">
        import CIndex from "../scripts/C_cartsIndex.js";
    </script>
</body>
</html>